<template>
	<view>
		<view class="body after-navber" style="width: inherit" v-if="__user_info && __user_info.is_agent_distributor == 1">
		      <view class="info">
		          <view class="info-title flex-row">
		              <view class="flex-y-center">
		                  <image class="info-img" :src="__user_info.avatar_url"></image>
		              </view>
		              <view class="info-block">
		                  <view class="info-up info-blod">{{ __user_info.nickname }}</view>
		                  <view class="info-bottom">推荐人：{{ __user_info.parent }}</view>
		              </view>
		          </view>
		          <view class="info-content flex-row">
		              <view class="info-left">
		                  <view class="info-label">
		                      <view class="info-first">可提现佣金</view>
		                      <view class="info-second info-blod info-big flex-row">{{ price }}元</view>
		                  </view>
		              </view>
		              <view class="info-right">
		                  <navigator class="" openType="navigate" url="/pages2/share/cash/cash">
		                      <view class="info-btn">提现</view>
		                  </navigator>
		              </view>
		          </view>
		      </view>
		      <view class="list flex-row">
		          <navigator class="item border-bottom" url="/pages2/share/share-team/share-team" v-if="share_setting.level != 4" style="background: #feefea">
		              <view class="list-img flex-x-center">
		                  <image class="img" src="/static/images/mArXwW6Vt1D8bZEp.png"></image>
		              </view>
		              <view class="list-content text-more">我的团队</view>
		          </navigator>
		          <navigator class="item border-bottom border-between" url="/pages2/share/share-order/share-order" style="background: #eff8f5">
		              <view class="list-img flex-x-center">
		                  <image class="img" src="/pages2/static/images/001.png"></image>
		              </view>
		              <view class="list-content text-more">代理订单</view>
		          </navigator>
		          <navigator class="item border-bottom" url="/pages2/share/share-money/share-money" style="background: #fdf4f7">
		              <view class="list-img flex-x-center">
		                  <image class="img" src="/pages2/static/images/004.png"></image>
		              </view>
		              <view class="list-content text-more">代理佣金</view>
		          </navigator>
		      </view>
		      <view class="list flex-row" style="padding-bottom: 420rpx">
		          <navigator class="item border-bottom" url="/pages2/share/cash-detail/cash-detail" style="background: #f1f4ff">
		              <view class="list-img flex-x-center">
		                  <image class="img" src="/pages2/static/images/002.png"></image>
		              </view>
		              <view class="list-content text-more">提现明细</view>
		          </navigator>
		          <navigator class="item border-bottom border-between" url="/pages2/share/share-code/share-code" style="background: #fff6e7">
		              <view class="list-img flex-x-center">
		                  <image class="img" src="/pages2/static/images/005.png"></image>
		              </view>
		              <view class="list-content text-more">推广二维码</view>
		          </navigator>
		          <view class="item border-bottom" v-if="share_setting.level == 4"></view>
		      </view>
		  </view>
		  <view class="after-navber" style="background-color: #fff; height: 100%" v-if="__user_info && __user_info.is_agent_distributor != 1">
		      <view style="padding-top: 150rpx">
		          <view class="flex-row flex-x-center">
		              <view class="">
		                  <image src="/static/images/icon-share-tip.png" style="width: 420rpx; height: 240rpx"></image>
		              </view>
		          </view>
		          <view class="flex-row flex-x-center" style="padding: 80rpx 0 88rpx 0">您还不是合伙人。请先提交申请！</view>
		          <view class="felx-row flex-x-center">
		              <form @submit="apply" :reportSubmit="true">
		                  <button
		                      class="flex-x-center flex-y-center"
		                      formType="submit"
		                      style="width: 560rpx; height: 80rpx; border-radius: 40rpx; background-color: #ff4544; color: #fff"
		                  >
		                      立即前往
		                  </button>
		              </form>
		          </view>
		      </view>
		  </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				price:'4.80',
				total_price:'4.80',
				cash_price:0,
				order_money:24,
				order_money_un:19.2,
				team_count:2,
				total_cash:0,
				__user_info:{
					avatar_url:'https://thirdwx.qlogo.cn/mmopen/vi_32/PiajxSqBRaEIxonF2edZgz2bbWq8fmhhUKhgJuejfhrJ4VnnFOf4iawPGyS1vHicmSjx9V9logbwMRibjdiaj9R1icuQ/132',
					is_agent_distributor:1,
					nickname:'Monee',
					parent:'宸亦轩科技-陈林-18080288408'
				}
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.info {
    width: 100%;
    color: #333;
}

.info .info-title {
    /* border-bottom: 1rpx #ffa2a2 solid; */
    padding-bottom: 20rpx;
    background: #fff;
    padding: 20rpx;
    border-top-left-radius: 10rpx;
    border-top-right-radius: 10rpx;
}

.info .info-title .info-img {
    width: 120rpx;
    height: 120rpx;
    border-radius: 120rpx;
}

.info .info-block {
    padding: 18rpx 40rpx;
}

.info .info-block .info-up {
    font-size: 13pt;
    margin-bottom: 30rpx;
}

.info-big {
    font-size: 13pt;
}

.info .info-content {
    width: 100%;
    padding: 20rpx;
    background: #fff;
    margin-top: 20rpx;
    border-top-left-radius: 10rpx;
    border-top-right-radius: 10rpx;
}

.info .info-content .info-left {
    width: 50%;
}

.info .info-content .info-right {
    width: 50%;
    margin-top: 24rpx;
}

.info .info-content .info-left .info-label {
    /* padding-bottom: 40rpx; */
}

.info-label .info-first {
    margin-bottom: 24rpx;
}
.info-label .info-second {
    color: #ff3850;
}

.info-right .info-btn {
    width: 155rpx;
    border: 1rpx #e3e3e3 solid;
    border-radius: 10rpx;
    float: right;
    text-align: center;
    font-size: 13pt;
    margin-bottom: 24rpx;
    padding: 10rpx 0;
    background: #ff3850;
    color: #fff;
}

.list {
    background-color: #fff;
    width: 100%;
    padding: 0 30rpx;
}

.list .border-bottom {
}

.list .item {
    width: 30%;
    height: 201rpx;
    background: #eff8f5;
    margin: 18rpx 5% 18rpx 0;
    border-radius: 15rpx;
}
.list .item:nth-child(3n) {
    margin-right: 0;
}
.list .item:last-child {
    border-right: 0;
}

.list .item .list-img {
    width: 100%;
    margin-top: 40rpx;
    text-align: center;
}

.list .item .list-img .img {
    width: 80rpx;
    height: 80rpx;
}

.list .item .list-content {
    color: #666;
    margin-top: 13rpx;
    text-align: center;
}

.list-red {
    color: #ff4544;
}

.new-block {
    width: 100%;
    padding: 44rpx 10rpx;
    margin-bottom: 16rpx;
    background-color: #fff;
    border-bottom-left-radius: 10rpx;
    border-bottom-right-radius: 10rpx;
}

.new-block .flex-grow-1 {
    width: 50%;
}

.new-block .flex-grow-1:first-child {
    border-right: 1rpx #eee solid;
}

.new-block .flex-grow-1 {
    text-align: center;
}
</style>
